<template>
  <div class="boxContent">
    <div class="appBox">
      <div class="searchList">
        <el-form :model="state.params"
                 ref="FormInstance "
                 class="boxFrom">
          <div class="searchBox">
            <template v-for="(item, index) in state.totalInputColumns"
                      :key="index">
              <el-form-item v-if="item.type == 'input'">
                <el-input v-model="state.params[item.key]"
                          :placeholder="item.label"></el-input>
              </el-form-item>
              <el-form-item v-if="item.type == 'select'">
                <el-select v-model="state.params[item.key]"
                           :placeholder="item.label"
                           clearable
                           v-if="item.key == 'companyId'">
                  <el-option label="直属企业"
                             value="0"></el-option>
                  <el-option label="代招工企业"
                             value="1"></el-option>
                </el-select>

                <el-cascader v-model="state.params[item.key]"
                             :options="state.propsCity"
                             :props="state.props"
                             :placeholder="item.label"
                             clearable
                             v-if="item.key == 'cityArr'" />
                <el-select v-model="state.params[item.key]"
                           :placeholder="item.label"
                           clearable
                           v-if="item.key == 'sectorId'">
                  <el-option v-for="i in state.optionsSec"
                             :key="i"
                             :label="i.dictValue"
                             :value="i.id"></el-option>
                </el-select>
                <el-select v-model="state.params[item.key]"
                           :placeholder="item.label"
                           clearable
                           v-if="item.key == 'scale'">
                  <el-option v-for="i in state.scaleData"
                             :key="i"
                             :label="i.dictValue"
                             :value="i.id" />

                </el-select>
                <el-select v-model="state.params[item.key]"
                           :placeholder="item.label"
                           clearable
                           v-if="item.key == 'status'">
                  <el-option label="正常"
                             :value="0" />
                  <el-option label="停用"
                             :value="1" />
                  <el-option label="即将欠费"
                             :value="2" />
                  <el-option label="欠费"
                             :value="3" />
                </el-select>
                <el-select v-model="state.params[item.key]"
                           :placeholder="item.label"
                           clearable
                           v-if="item.key == 'approveStatus'">
                  <el-option label="待审核"
                             :value="0" />
                  <el-option label="通过"
                             :value="1" />
                  <el-option label="未通过"
                             :value="2" />
                </el-select>
              </el-form-item>
            </template>
          </div>

          <el-form-item class="btns">
            <el-button v-preventReClick
                       type="primary"
                       v-permission="1174"
                       @click="methods.handleAction('examines')">批量审批</el-button>
            <el-button v-preventReClick
                       type="primary"
                       plain
                       @click="methods.handleAction('query')">搜索</el-button>
            <el-button v-preventReClick
                       @click="methods.handleAction('reset')">重置</el-button>
          </el-form-item>
        </el-form>
      </div>
      <div class="tabaleBox">
        <el-table border
                  v-loading="state.loading"
                  :data="state.tableData"
                  @selection-change="methods.handleSelectionChange"
                  style="width: 100%"
                  :header-cell-style="{ color: '#000' }">
          <el-table-column type="selection"
                           width="50"
                           :selectable="methods.selectable" />
          <el-table-column prop="createdAt"
                           label="提交时间"
                           show-overflow-tooltip
                           align="center"
                           width="180" />
          <el-table-column prop="linkPhone"
                           label="联系电话/账号"
                           show-overflow-tooltip
                           align="center"
                           width="120" />
          <el-table-column prop="linkName"
                           label="联系人"
                           show-overflow-tooltip
                           align="center"
                           width="100" />

          <el-table-column prop="shortName"
                           label="企业简称"
                           show-overflow-tooltip
                           align="center"
                           width="120" />
          <el-table-column prop="name"
                           label="企业全称"
                           show-overflow-tooltip
                           align="left" />
          <el-table-column prop="scaleData"
                           label="企业规模"
                           show-overflow-tooltip
                           align="center"
                           width="120" />
          <el-table-column prop="sectorIdData"
                           label="企业行业"
                           show-overflow-tooltip
                           align="center"
                           width="120" />

          <el-table-column prop="district"
                           label="所在城市"
                           show-overflow-tooltip
                           align="center"
                           width="120">
            <template #default="scope">
              {{ scope.row.province }}/{{ scope.row.city }}/{{
                scope.row.district
              }}
            </template>
          </el-table-column>

          <el-table-column prop="addr"
                           label="详细地址"
                           show-overflow-tooltip
                           align="left" />
          <el-table-column prop="status"
                           label="企业状态"
                           show-overflow-tooltip
                           align="center"
                           width="100">
            <template #default="scope">
              <div v-if="scope.row.status == 0"
                   class="primary">正常</div>
              <div v-if="scope.row.status == 1"
                   class="info">停用</div>
              <div v-if="scope.row.status == 2"
                   class="warning">即将欠费</div>
              <div v-if="scope.row.status == 3"
                   class="error">欠费</div>
            </template>
          </el-table-column>
          <el-table-column prop="approveStatus"
                           label="审核状态"
                           show-overflow-tooltip
                           align="center"
                           width="100">
            <template #default="scope">
              <div v-if="scope.row.approveStatus == 0"
                   class="success">待审核</div>
              <div v-if="scope.row.approveStatus == 1"
                   class="primary"> 通过</div>
              <div v-if="scope.row.approveStatus == 2"
                   class="error">未通过</div>
            </template>
          </el-table-column>
          <el-table-column prop="btns"
                           label="操作"
                           show-overflow-tooltip
                           align="center"
                           width="100"
                           fixed="right">
            <template #default="scope">
              <div class="btnsDatil">
                <!-- 其它操作 -->
                <!-- <div @click="methods.handleAction('', scope.row)">充值</div>
                <div @click="methods.handleAction('', scope.row)">催款</div> -->
                <div v-if="scope.row.approveStatus == 0"
                     v-permission="1061"
                     @click="methods.handleAction('examine', scope.row)">
                  审核
                </div>
                <div v-else
                     v-permission="1062"
                     @click="methods.handleAction('examine', scope.row)">
                  查看
                </div>
              </div>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <div class="pagination">
        <el-pagination background
                       v-model:current-page="state.params.pageNum"
                       v-model:page-size="state.params.pageSize"
                       :page-sizes="[10, 20, 30, 50]"
                       layout="total, sizes, prev, pager, next, jumper"
                       :total="state.totalSize"
                       @size-change="methods.handleSizeChange"
                       @current-change="methods.handleCurrentChange" />
      </div>
      <el-drawer v-model="state.dialogVisible"
                 v-if="state.dialogVisible"
                 title="查看审核信息"
                 :before-close="methods.handleClose"
                 size="35%">
        <div class="drawerConcent">
          <div v-if="state.drawerData.approveStatus == 1"
               class="mb20">
            <div class="title mt16 mb20">审核认证</div>
            <el-radio size="large">通过</el-radio>
            <el-radio size="large"
                      v-if="state.examineForm.data.isCheckPositionPublishMoney == 0">无需预充值发布岗位</el-radio>
            <el-radio size="large"
                      v-if="state.examineForm.data.isCheckPositionPublishMoney == 1">岗位预充值</el-radio>
          </div>
          <div v-if="state.drawerData.approveStatus == 1">
            <div class="flex_sb mt10 inputs">
              <el-form-item label="月休假天数:">
                <el-input v-model="state.examineForm.data.vacation"
                          disabled
                          placeholder="请输入月休假天数"></el-input>
              </el-form-item>
              <el-form-item label="可欠费天数:">
                <el-input v-model="state.examineForm.data.debtDay"
                          disabled
                          placeholder="请输入可欠费天数"></el-input>
              </el-form-item>
              <el-form-item label="未到岗天数:">
                <el-input v-model="state.examineForm.data.notWorkDays"
                          disabled
                          placeholder="请输入未到岗天数"></el-input>
              </el-form-item>
            </div>

          </div>
          <div v-if="state.drawerData.approveStatus == 2"
               class="mb20">
            <div class="title mt16 mb20">审核认证</div>
            <el-radio size="large">未通过</el-radio>
            <el-input style="width: 300px"
                      v-model="state.drawerData.approveReason"
                      disabled></el-input>
          </div>
          <div class="title">基本资料</div>
          <div class="flex_sb flex-wrap ">
            <div class="f14 mt10 w50"><span class="info">企业全称：</span> {{ state.drawerData.name }}</div>
            <div class="f14 mt10 w50"><span class="info">企业简称：</span> {{ state.drawerData.shortName }}</div>
            <div class="f14 mt10 w50"><span class="info">所在城市：</span> {{ state.drawerData.cityArr }}</div>
            <div class="f14 mt10 w50 overflow_1"><span class="info">详细地址：</span> {{ state.drawerData.addr }}</div>
            <div class="f14 mt10 w50"><span class="info">企业规模：</span> {{ state.drawerData.scaleData }}</div>
            <div class="f14 mt10 w50"><span class="info">企业行业：</span> {{ state.drawerData.sectorIdData }}</div>
            <div class="f14 mt10 w50"><span class="info">&emsp;联系人：</span> {{ state.drawerData.linkName }}</div>
            <div class="f14 mt10 w50"><span class="info">联系电话：</span> {{ state.drawerData.linkPhone }}</div>
          </div>
          <div class="title mt16 ">认证信息</div>
          <div class=" flex_sb flex-wrap f14">
            <div class="w25 mt20">
              <div class="mb20">营业执照：</div>
              <el-image style="width: 100%; height: 150px"
                        :src="state.drawerData?.licenseImg[0]"
                        :zoom-rate="1.2"
                        :max-scale="7"
                        :min-scale="0.2"
                        :preview-src-list="state.drawerData.licenseImg"
                        :initial-index="4"
                        fit="cover" />
            </div>
            <div class="w33 mt20">
              <div class="mb20">法人身份证正面：</div>
              <el-image style="width: 100%; height: 150px"
                        :src="state.drawerData?.idCard11[0]"
                        :zoom-rate="1.2"
                        :max-scale="7"
                        :min-scale="0.2"
                        :preview-src-list="state.drawerData.idCard11"
                        :initial-index="4"
                        fit="cover" />
            </div>
            <div class="w33 mt20">
              <div class="mb20">法人身份证反面：</div>
              <el-image style="width: 100%; height: 150px"
                        :src="state.drawerData?.idCard22[0]"
                        :zoom-rate="1.2"
                        :max-scale="7"
                        :min-scale="0.2"
                        :preview-src-list="state.drawerData.idCard22"
                        :initial-index="4"
                        fit="cover" />
            </div>
          </div>

          <div v-if="state.drawerData.approveStatus == 0">
            <div class="title mt16">审核认证</div>
            <div class="sub mt16 flex">
              <el-radio-group v-model="state.examineForm.radio"
                              class="ml-4">
                <el-radio label="1"
                          size="large">通过</el-radio>
                <el-radio label="2"
                          size="large">拒绝</el-radio>
              </el-radio-group>

            </div>
            <div v-if="state.examineForm.radio == '2'">
              <el-input class="mt10"
                        style="width: 300px"
                        placeholder="请填写未通过理由"
                        clearable
                        v-model="state.examineForm.refuseRemake"></el-input>
            </div>
            <div v-if="state.examineForm.radio == '1'">
              <div class="flex_sb mt10 inputs">
                <el-form-item label="月休假天数:">
                  <el-input v-model="state.examineForm.num1"
                            @input="state.examineForm.num1 = $input.inputLimit('D10005',state.examineForm.num1)"
                            placeholder="请输入月休假天数"></el-input>
                </el-form-item>
                <el-form-item label="可欠费天数:">
                  <el-input v-model="state.examineForm.num2"
                            @input="state.examineForm.num2 = $input.inputLimit('D10005',state.examineForm.num2)"
                            placeholder="请输入可欠费天数"></el-input>
                </el-form-item>
                <el-form-item label="未到岗天数:">
                  <el-input v-model="state.examineForm.num3"
                            @input="state.examineForm.num3 = $input.inputLimit('D10005',state.examineForm.num3)"
                            placeholder="请输入未到岗天数"></el-input>
                </el-form-item>
              </div>
              <div class="mt10">
                <el-radio-group v-model="state.examineForm.radio1"
                                class="ml-4">
                  <el-radio label="1"
                            size="large">岗位预充值</el-radio>
                  <el-radio label="0"
                            size="large">无需预充值发布岗位</el-radio>
                </el-radio-group>
              </div>
            </div>

            <div class="tar mt16">
              <el-button v-preventReClick
                         type="primary"
                         v-permission="1063"
                         @click="methods.btnSub">提交</el-button>
            </div>

          </div>

        </div>
      </el-drawer>
      <el-dialog v-model="state.dialogExamine"
                 v-if="state.dialogExamine"
                 title="批量审批"
                 class="examineBox"
                 width="35%">
        <el-form :rules="state.rules"
                 :model="state.examineForm"
                 ref="ruleFormRef">

          <div class="pt20 pb20 pl20 pr20">
            <div class="f16 mt10">审核认证</div>
            <div class="flex mt10">
              <el-radio-group v-model="state.examineForm.radio"
                              class="ml-4">
                <el-radio label="1"
                          size="large">同意</el-radio>
                <el-radio label="2"
                          size="large">拒绝</el-radio>
              </el-radio-group>
            </div>
            <el-input class="mt10 w66"
                      v-if="state.examineForm.radio == '2'"
                      clearable
                      v-model="state.examineForm.refuseRemake"
                      placeholder="请输入拒绝理由"></el-input>
            <div class="flex_sb mt10 inputs"
                 v-if="state.examineForm.radio == '1'">
              <el-form-item label="月休假天数:"
                            prop="num1">
                <el-input v-model="state.examineForm.num1"
                          @input="state.examineForm.num1 = $input.inputLimit('D10005',state.examineForm.num1)"
                          placeholder="请输入月休假天数"></el-input>
              </el-form-item>
              <el-form-item label="可欠费天数:"
                            prop="num2">
                <el-input v-model="state.examineForm.num2"
                          @input="state.examineForm.num2 = $input.inputLimit('D10005',state.examineForm.num2)"
                          placeholder="请输入可欠费天数"></el-input>
              </el-form-item>
              <el-form-item label="未到岗天数:"
                            prop="num3">
                <el-input v-model="state.examineForm.num3"
                          @input="state.examineForm.num3 = $input.inputLimit('D10005',state.examineForm.num3)"
                          placeholder="请输入未到岗天数"></el-input>
              </el-form-item>
            </div>
            <div class="mt10"
                 v-if="state.examineForm.radio == '1'">
              <el-radio-group v-model="state.examineForm.radio1"
                              class="ml-4">
                <el-radio label="1"
                          size="large">岗位预充值</el-radio>
                <el-radio label="0"
                          size="large">无需预充值发布岗位</el-radio>
              </el-radio-group>
            </div>
            <div class="tar">
              <el-button v-preventReClick
                         @click="state.dialogExamine = false">取消</el-button>
              <el-button v-preventReClick
                         type="primary"
                         @click="methods.approveCompanyBatch">确定</el-button>
            </div>
          </div>
        </el-form>

      </el-dialog>
    </div>
  </div>
</template>

<script setup>
import { onMounted, reactive, getCurrentInstance } from "vue";
import { ElMessage, ElLoading, ElMessageBox } from "element-plus";
import { useRouter } from "vue-router";
const router = useRouter();
const app = getCurrentInstance()?.proxy;
import area from "@/utils/area.js";
const initState = () => {
  return {
    rules: {
      num1: { required: true, message: '请输入月休假天数', trigger: 'blur' },
      num2: { required: true, message: '请输入可欠费天数', trigger: 'blur' },
      num3: { required: true, message: '请输入未到岗天数', trigger: 'blur' }
    },
    examineForm: {
      radio: '1',
      radio1: '1',
      refuseRemake: '',
      num1: '',
      num2: '',
      num3: '',
      data: {
        vacation: "",
        isCheckPositionPublishMoney: "",
        checkPositionPublishAmount: "",
        notWorkDays: "",
        debtDay: "",
      },
    },
    examineIds: [],
    dialogExamine: false,
    loading: false,
    radioValue: "1",
    refuseValue: "",

    checkedValue: [],
    selectValue: "",
    dialogVisible: false,
    props: {
      checkStrictly: true,
      label: "value",
      value: "value",
    },
    propsCity: [],
    dialogImg: false,
    dialogImgData: null,
    previewImgData: [],
    dialogDescribeData: null,
    dialogDescribe: false,
    totalSize: 0,
    tableData: [],
    params: {
      pageNum: 1,
      descs: ["id"],
      pageSize: 10,
      sectorId: "",
      province: "",
      city: "",
      district: "",
      cityArr: [],
      shortName: "",
      keyword: "",
    },
    totalInputColumns: [
      { key: "name", label: "填写企业名称", type: "input" },
      // { key: "companyType", label: "选择公司类型", type: "select" },
      { key: "cityArr", label: "选择所在城市", type: "select" },
      { key: "sectorId", label: "选择行业", type: "select" },
      { key: "scale", label: "选择规模", type: "select" },
      { key: "approveStatus", label: "选择审核状态", type: "select" },
      { key: "status", label: "选择企业状态", type: "select" },
    ],
    optionsPre: [],
    scaleData: [],
    optionsSec: [],
    drawerData: {},
  };
};
const state = reactive(initState());
onMounted(() => {
  state.optionsPre = JSON.parse(localStorage.getItem("profession"));
  state.scaleData = JSON.parse(localStorage.getItem("staffSize"));
  state.propsCity = area;
  methods.getDataList();
  state.propsCity = area;
  state.optionsSec = JSON.parse(localStorage.getItem("profession"));
});
const methods = {
  getNums () {
    app.$get('sysconfig/getPlatVacationConfig?key=vacation').then(res => {
      if (res.data && res.code == 200) {
        state.examineForm.num1 = res.data
      }
    })
    app.$get('sysconfig/getPlatVacationConfig?key=notWorkDays').then(res => {
      if (res.data && res.code == 200) {
        state.examineForm.num3 = res.data
      }
    })
    app.$get('sysconfig/getPlatVacationConfig?key=debtDay').then(res => {
      if (res.data && res.code == 200) {
        state.examineForm.num2 = res.data
      }
    })
  },
  getAllocation () {
    app.$get('sysconfig/getBusinessConfig?cid=' + state.drawerData.id).then(res => {
      if (res.code == 200) {
        for (let i in res.data) {
          for (let k in res.data[i]) {
            for (let j in state.examineForm.data) {
              if (j == res.data[i][k]) {
                state.examineForm.data[j] = res.data[i].filedValue
              }
            }
          }
        }
        state.examineForm.num1 = state.examineForm.data.vacation
        state.examineForm.num2 = state.examineForm.data.debtDay
        state.examineForm.num3 = state.examineForm.data.notWorkDays
        console.log(state.examineForm.data);

      }
    })
  },
  // 禁用表格选择
  selectable (row, index) {
    if (row.approveStatus !== 0) {
      return false;
    } else {
      return true;
    }
  },
  // 表格多选
  handleSelectionChange (e) {
    state.examineIds = e.map((res) => res.id)
    console.log(state.tableIdsSelect);
  },
  btnSub () {
    state.examineIds = [state.drawerData.id]
    methods.approveCompanyBatch()

    // app.$http
    //   .get(
    //     `/company/approveCompany?id=${state.drawerData.id}&approveStatus=${state.examineForm.radio}&approveReason=${state.examineForm.refuseRemake}`
    //   )
    //   .then((res) => {
    //     if (res.code == 200) {

    //     }
    //   });
  },
  // 批量审批
  approveCompanyBatch () {
    if (app.$refs.ruleFormRef?.validate) {
      app.$refs.ruleFormRef.validate((valid) => {
        if (valid) {
          let data = {
            cids: state.examineIds,
            "debtDay": state.examineForm.num2,
            "isCheckPositionPublishMoney": state.examineForm.radio1,
            "vacation": state.examineForm.num1,
            "notWorkDays": state.examineForm.num3,
            "approveStatus": state.examineForm.radio,
            "approveReason": state.examineForm.refuseRemake
          }
          app.$post('company/approveCompanyBatch', data).then(res => {
            if (res.code == 200) {
              state.examineForm.num1 = ''
              state.examineForm.radio = '1'
              state.examineForm.radio1 = '0'
              state.examineForm.num2 = ''
              state.examineForm.num3 = ''
              ElMessage.success('审批成功')
              state.dialogVisible = false;
              state.dialogExamine = false
              methods.getDataList()
            }
          })

        }
      })
    } else {
      let data = {
        cids: state.examineIds,
        "debtDay": state.examineForm.num2,
        "isCheckPositionPublishMoney": state.examineForm.radio1,
        "vacation": state.examineForm.num1,
        "notWorkDays": state.examineForm.num3,
        "approveStatus": state.examineForm.radio,
        "approveReason": state.examineForm.refuseRemake
      }
      app.$post('company/approveCompanyBatch', data).then(res => {
        if (res.code == 200) {
          state.examineForm.num1 = ''
          state.examineForm.radio = '1'
          state.examineForm.radio1 = '0'
          state.examineForm.num2 = ''
          state.examineForm.num3 = ''
          ElMessage.success('审批成功')
          state.dialogVisible = false;
          state.dialogExamine = false
          methods.getDataList()
        }
      })

    }

  },
  handleAction (type, data) {
    switch (type) {
      case "examines": //批量审批
        if (state.examineIds.length - 0 == 0) {
          return ElMessage.error("请选择审核项")
        }
        methods.getNums()
        state.dialogExamine = true
        break;
      case "query": //查询
        methods.getDataList();
        break;
      case "reset": // 重置
        state.params = initState().params;
        break;
      case "examine": // 审核
        console.log(data);
        data.cityArr = data.province + "/" + data.city + "/" + data.district;
        data.licenseImg = data?.license ? [JSON.parse(data?.license)[0].url] : [];
        data.idCard11 = data?.idCard1 ? [JSON.parse(data?.idCard1)[0].url] : [];
        data.idCard22 = data?.idCard2 ? [JSON.parse(data?.idCard2)[0].url] : [];
        state.drawerData = JSON.parse(JSON.stringify(data));
        methods.getAllocation()
        state.dialogVisible = true;
        break;
      case "delete": // 删除
        ElMessageBox.confirm("请确认是否删除该招聘企业?", "删除招聘企业", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            app.$http.get("/company/deleteById?id=" + data.id).then((res) => {
              methods.getDataList();
              ElMessage({
                type: "success",
                message: "已删除",
              });
            });
          })
        break;
    }
  },

  handleClose () {
    state.drawerData = {}
    state.examineForm.num1 = ''
    state.examineForm.num2 = ''
    state.examineForm.num3 = ''
    state.dialogVisible = false
  },
  getDataList () {
    if (state.params.cityArr?.length) {
      state.params.province = state.params.cityArr[0];
      state.params.city = state.params.cityArr[1];
      state.params.district = state.params.cityArr[2];
    } else {
      state.params.province = "";
      state.params.city = "";
      state.params.district = "";
    }
    state.loading = true
    app.$http
      .post("/company/pageListAuthentication", state.params)
      .then((res) => {
        res.data.list.forEach((data) => {
          data.sectorIdData = app.$filter.sectorIdData(data.sectorId);
          data.scaleData = app.$filter.scaleData(data.scale)
        });
        state.tableData = res.data.list;
        state.totalSize = res.data.total;
        state.loading = false
      }).catch(() => {
        state.loading = false
      })
  },
  //分页变化
  handleSizeChange (i) {
    state.params.pageNum = 1;
    methods.getDataList();
  },
  //表格翻页
  handleCurrentChange (i) {
    methods.getDataList();
  },
};
</script>

<style lang="scss" scoped>
.appBox {
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  height: calc(100% - 20px);
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  .tabaleBox {
    overflow: hidden;
    flex: 1;
  }
  .btnsDatil {
    color: #0079fe;
    cursor: pointer;
    align-items: center;
  }
  .pagination {
    margin-top: 20px;
    height: 50px;
    display: flex;
    justify-content: flex-end;
  }
  ::v-deep(.el-dialog__body) {
    max-height: 380px;
  }
  .imgs {
    flex-wrap: wrap;
    .forbox {
      // width: 150px;
      height: 150px;
      margin: 10px 0 0 10px;
    }
    .imgBox {
      height: 100%;
      width: auto;
    }
    .videoBox {
      width: auto;
      height: 100%;
    }
  }

  ::v-deep(.el-drawer__title) {
    color: rgba(0, 121, 254, 1);
    font-size: 18px;
    font-family: SourceHanSansSC-bold;
    font-weight: bold;
  }
  .drawerConcent {
    .title {
      color: rgb(16, 16, 16);
      font-size: 16px;
      text-align: left;
      font-family: SourceHanSansSC-regular;
    }
    .flex_sb {
      align-items: center;
      flex-wrap: wrap;
      .inputShow {
        margin-top: 16px;
        width: 48%;
        min-width: 260px;
      }
    }
  }
  .examineBox {
    .inputs {
      flex-wrap: wrap;
    }
    ::v-deep(.el-input__wrapper) {
      box-sizing: border-box !important;
    }
  }
}
</style>
